/* ========================================
   MOBILE NAVBAR FIX
======================================== */

@media(max-width:768px){

    /* NAVBAR ANA */
    .navbar,
    .navbar-area,
    .header-navbar{
        height:78px !important;

        min-height:78px !important;

        padding:0 18px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        position:relative;
        z-index:999;
    }

    /* CONTAINER */
    .navbar .container,
    .navbar-area .container,
    .header-navbar .container{
        width:100% !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        padding:0 !important;
        margin:0 !important;
    }

    /* LOGO */
    .navbar-brand{
        display:flex !important;
        align-items:center !important;

        margin:0 !important;
        padding:0 !important;

        height:100%;
    }

    .navbar-brand img,
    .site-logo,
    .logo img{
        max-height:38px !important;

        width:auto !important;

        object-fit:contain;
        display:block;
    }

    /* HAMBURGER */
    .navbar-toggler,
    .menu-toggle,
    .mobile-toggle{
        width:56px !important;
        height:56px !important;

        min-width:56px !important;

        border-radius:18px !important;

        background:#f3f3f3 !important;

        border:none !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 !important;

        box-shadow:
        0 4px 14px rgba(0,0,0,.10) !important;
    }

    /* ICON */
    .navbar-toggler i,
    .menu-toggle i,
    .mobile-toggle i{
        font-size:24px !important;
        color:#222 !important;
    }

    /* ÜST BAR */
    .topbar,
    .language-bar,
    .header-top{
        padding:8px 18px !important;
    }

}
/* ========================================
   MOBILE DROPDOWN FIX
======================================== */

@media(max-width:768px){

    /* MENÜ ALANI */
    .navbar-nav,
    .mobile-menu,
    .nav-menu{

        width:100% !important;

        padding:20px 0 !important;
    }

    /* LI */
    .navbar-nav li,
    .nav-menu li{

        width:100% !important;

        position:relative !important;

        text-align:center !important;
    }

    /* LINK */
    .navbar-nav li a,
    .nav-menu li a{

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;

        padding:18px 24px !important;

        font-size:22px !important;

        line-height:1.2 !important;
    }

    /* DROPDOWN */
    .dropdown-menu,
    .sub-menu,
    .mega-menu{

        position:relative !important;

        top:auto !important;
        left:auto !important;

        transform:none !important;

        width:92% !important;

        margin:12px auto 18px auto !important;

        border-radius:18px !important;

        opacity:1 !important;
        visibility:visible !important;

        display:none;

        background:#2f5fa8 !important;

        box-shadow:
        0 10px 30px rgba(0,0,0,.16) !important;
    }

    /* AÇIK HAL */
    .dropdown-menu.active,
    .sub-menu.active,
    .mega-menu.active{

        display:block !important;
    }

    /* ALT MENÜ LINK */
    .dropdown-menu a,
    .sub-menu a,
    .mega-menu a{

        font-size:17px !important;

        padding:16px 20px !important;

        color:#fff !important;

        border-bottom:
        1px solid rgba(255,255,255,.12);
    }

    .dropdown-menu a:last-child,
    .sub-menu a:last-child,
    .mega-menu a:last-child{

        border-bottom:none;
    }

}
/* ========================================
   MOBILE SUBMENU REAL FIX
======================================== */

@media(max-width:768px){

    /* DROPDOWN PARENT */
    .dropdown,
    .dropdown-li,
    .menu-item-has-children{

        display:flex !important;
        flex-direction:column !important;

        align-items:center !important;

        position:relative !important;
    }

    /* SUBMENU */
    .dropdown-menu,
    .sub-menu,
    .mega-menu{

        position:static !important;

        top:auto !important;
        left:auto !important;
        right:auto !important;

        transform:none !important;

        width:88% !important;

        margin-top:14px !important;
        margin-bottom:14px !important;

        display:none;

        opacity:1 !important;
        visibility:visible !important;

        z-index:1 !important;
    }

    /* OPEN */
    .dropdown.active .dropdown-menu,
    .dropdown-li.active .sub-menu,
    .menu-item-has-children.active .sub-menu{

        display:block !important;
    }

}
@media(max-width:768px){

    .dropdown-menu,
    .sub-menu,
    .mega-menu{

        width:82% !important;

        margin:10px auto !important;

        border-radius:16px !important;

        padding:8px 0 !important;
    }

    .dropdown-menu a,
    .sub-menu a,
    .mega-menu a{

        font-size:15px !important;

        padding:12px 16px !important;

        min-height:auto !important;

        line-height:1.2 !important;
    }

    /* ÇİZGİLER */
    .dropdown-menu li,
    .sub-menu li{

        padding:0 !important;
        margin:0 !important;
    }

    .dropdown-menu a::after,
    .sub-menu a::after{
        display:none !important;
    }

}
@media(max-width:768px){

    .dropdown-menu,
    .sub-menu,
    .mega-menu{

        width:78% !important;

        padding:4px 0 !important;

        border-radius:14px !important;
    }

    .dropdown-menu ul,
    .sub-menu ul,
    .mega-menu ul{

        gap:0 !important;
    }

    .dropdown-menu li,
    .sub-menu li,
    .mega-menu li{

        min-height:auto !important;

        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        line-height:1 !important;
    }

    .dropdown-menu a,
    .sub-menu a,
    .mega-menu a{

        font-size:14px !important;

        padding:10px 14px !important;

        min-height:unset !important;

        height:auto !important;

        line-height:1.1 !important;
    }

}
@media(max-width:768px){

    /* NAVBAR YÜKSEKLİĞİ */
    .navbar,
    .navbar-area,
    .header-navbar{

        height:72px !important;
        min-height:72px !important;

        padding:0 14px !important;
    }

    /* CONTAINER */
    .navbar .container,
    .navbar-area .container,
    .header-navbar .container{

        min-height:72px !important;
    }

    /* LOGO */
    .navbar-brand img,
    .site-logo,
    .logo img{

        max-height:52px !important;

        width:auto !important;

        object-fit:contain;
    }

    /* HAMBURGER */
    .navbar-toggler,
    .menu-toggle,
    .mobile-toggle{

        width:52px !important;
        height:52px !important;

        border-radius:16px !important;
    }

}
@media(max-width:768px){

    .navbar,
    .navbar-area,
    .header-navbar{

        height:62px !important;
        min-height:62px !important;

        padding:0 12px !important;
    }

    .navbar .container,
    .navbar-area .container,
    .header-navbar .container{

        min-height:62px !important;

        padding-top:0 !important;
        padding-bottom:0 !important;
    }

    /* LOGO */
    .navbar-brand img,
    .site-logo,
    .logo img{

        max-height:44px !important;
    }

    /* BUTON */
    .navbar-toggler,
    .menu-toggle,
    .mobile-toggle{

        width:46px !important;
        height:46px !important;

        border-radius:14px !important;
    }

}
/* MOBILDE HERO / BANNER NAVBAR ALTINA GIRMESIN */
@media (max-width:768px){


    /* BANNERI ASAGI IT */
    .hero-slider,
    .main-slider,
    .banner-slider,
    .swiper,
    .hero-banner{
        margin-top:110px !important;
    }

}
/* =========================================
   MOBILE NAVBAR HEIGHT FIX
========================================= */

@media (max-width:768px){

    /* ÜST MAVİ ALANI KISALT */
    .navbar.navbar-expand-lg{

        min-height:72px !important;
        height:72px !important;

        top:30px !important;
    }

    /* CONTAINER */
    .navbar.navbar-expand-lg .container{

        padding-top:0 !important;
        padding-bottom:0 !important;

        min-height:72px !important;
       margin-top:-30px!important;
    }

    /* LOGO */
    .navbar-brand img,
    .siteLogo{

        max-height:50px !important;
        padding-left:20px;
    }

    /* HAMBURGER */
    .navbar-toggler{

        width:50px !important;
        height:50px !important;

        border-radius:14px !important;
    }

    /* MENU AÇILMA YERİ */
    .navbar-collapse{
        top:102px !important;
    }

    /* HERO */
    .hero-slider{
        margin-top:102px !important;
    }

}
@media (max-width:768px){
.menubar nav.navbar .navbar-brand img {
    height: 50px;
    padding-left: 230px;
    margin-top: 30px;
}
}
/* =========================================
   MOBİL DROPDOWN KÜÇÜLT
========================================= */

@media(max-width:768px){

    .navbar .dropdown-menu{

       width:76% !important;

        min-width:unset !important;

        margin:14px auto 0 !important;

        padding:12px 0 !important;

        border-radius:18px !important;

        transform:none !important;
    }

    .navbar .dropdown-menu .dropdown-item{

        font-size:15px !important;

        padding:10px 16px !important;

        line-height:1.25 !important;

    }

}
/* =========================================
   NAVBAR FULL RESPONSIVE FIX
   TÜM EKRANLARDA BOZULMA ENGELLE
========================================= */

.navbar{
    width:100%;
    position:relative;
    z-index:9999;
}

/* CONTAINER */

.navbar .container{

    width:100% !important;

    max-width:1400px;

    margin:0 auto;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:0 24px;
}

/* LOGO */

.navbar-brand{

    display:flex;
    align-items:center;

    flex-shrink:0;

    margin:0 !important;
}

.navbar-brand img,
.siteLogo{

    width:auto;
    height:auto;

    max-height:72px;

    object-fit:contain;

    display:block;
}

/* MENÜ */

.navbar-collapse{

    flex-grow:1;

    justify-content:center;
}

/* UL */

.navbar-nav{

    display:flex;
    align-items:center;
    justify-content:center;

    flex-wrap:wrap;

    gap:10px;

    width:100%;
}

/* LINK */

.navbar .nav-link{

    white-space:nowrap;

    padding:12px 16px !important;

    font-size:15px;

    line-height:1.2;
}

/* DROPDOWN */

.navbar .dropdown-menu{

    min-width:240px;

    border-radius:18px;

    overflow:hidden;
}

/* =========================================
   1400 ALTı
========================================= */

@media(max-width:1400px){

    .navbar .container{
        padding:0 18px;
    }

    .navbar .nav-link{
        font-size:14px;
        padding:10px 12px !important;
    }

}

/* =========================================
   1200 ALTı
========================================= */

@media(max-width:1200px){

    .navbar-brand img,
    .siteLogo{
        max-height:62px;
    }

    .navbar .nav-link{
        font-size:13px;
        padding:10px 10px !important;
    }

}

/* =========================================
   SADECE 780px - 980px
   ÜST NAVBAR LOGO HİZASI FIX
========================================= */

@media (min-width:780px) and (max-width:980px){

    /* SADECE ÜST MAVİ NAVBAR */

    .menubar nav.navbar{

        position:relative !important;

        min-height:88px !important;

        padding:0 !important;
    }

    .menubar nav.navbar > .container{

        position:relative !important;

        min-height:88px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        padding-left:24px !important;
        padding-right:24px !important;
    }

    /* LOGO */

    .menubar nav.navbar .navbar-brand{

        position:absolute !important;

        left:24px !important;

        top:50% !important;

        transform:translateY(-50%) !important;

        margin:0 !important;

        z-index:999 !important;
    }

    .menubar nav.navbar .navbar-brand img,
    .menubar nav.navbar .siteLogo{

        height:42px !important;

        width:auto !important;

        max-width:240px !important;

        object-fit:contain !important;

        display:block !important;

        margin:0 !important;
        padding:0 !important;
    }

    /* HAMBURGER */

    .menubar nav.navbar .navbar-toggler{

        position:absolute !important;

        right:24px !important;

        top:50% !important;

        transform:translateY(-50%) !important;

        width:50px !important;
        height:50px !important;

        margin:0 !important;
    }

}